import { useRef } from 'react'
function RefFC() {
    // getElementById('xxxx')
    const inputRef = useRef(null)
    const submit = () => {
        const username = inputRef.current.value
        // inputRef.current.value  是用户向input元素的输入的值
        console.log(inputRef.current.value) // 获取value
    }
    const autoFocus = () => {
        inputRef.current.focus() // 元素自动选中
    }
    return <>
        <input ref={inputRef} type="text" placeholder="请输入用户名" />
        <button onClick={() => submit()}>提交</button>
        <button onClick={() => autoFocus()}>聚焦</button>
    </>
}

export default RefFC